<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" type="text/css" th:href="@{/bootstrap/css/bootstrap.css}">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script type="text/javascript" th:src="@{/bootstrap/js/jquery-3.5.1.js}"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script type="text/javascript" th:src="@{/bootstrap/js/bootstrap.js}"></script>
    <style>

        .disableCss {
            pointer-events: none;
            color: #afafaf;
            cursor: default;
            opacity: 0.5;
        }

        .container-fluid {
            padding-right: 75px;
            padding-left: 75px;
        }
    </style>
    <script>
        // function goDetail(str) {
        // $("#stuid").html(map.get(1));
        // $("#name").html(map.get(2));
        // $("#sex").html(map.get(3));
        // $("#password").html(map.get(5));
        // $("#power").html(map.get(4));
        // $("#str").html(str);
        <!--        }-->
    </script>
</head>

<body>
<div class="container-fluid">
    <div class="row clearfix">
        <div class="col-md-auto column">
            <div class="page-header">
                <h3>
                    学生申诉管理 <small>审核申诉信息：</small>
                </h3>
            </div>
            <h2><a type="button" class="btn btn-success" th:href="@{/reportExcel/}+3">导出Excel表格</a></h2>
            <table class="table">
                <thead>
                <tr>
                    <th>序号</th>
                    <th>学号</th>
                    <th>姓名</th>
                    <th>邮箱地址</th>
                    <th>问题描述</th>
                    <th>状态</th>
                    <th>申诉时间</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr th:each="msg:${message}">
                    <td th:text="${msg.getId()}"></td>
                    <td th:text="${msg.getStuid()}"></td>
                    <td th:text="${msg.getName()}"></td>
                    <td th:text="${msg.getEmail()}"></td>
                    <td th:text="${msg.getProblem()}"></td>
                    <td th:text="${msg.getStatus()}"></td>
                    <td th:text="${msg.getDate()}"></td>
                    <td>
                        <a type="button" class="btn btn-success"
                           th:href="@{/auditRequest/success/}+${msg.getId()}">审核通过</a>
                        <!--                                                <button class="btn btn-success" data-target="#myModal" data-toggle="modal"-->
                        <!--                                                        th:onclick="goDetail([[${str}]])">-->
                        <!--                                                    查看-->
                        <!--                                                </button>-->
                        <!--                                                &lt;!&ndash; Modal&ndash;&gt;-->
                        <!--                                                <div class="modal fade" id="myModal" tabindex="-1" role="dialog"-->
                        <!--                                                     aria-labelledby="myModalLabel">-->
                        <!--                                                    <div class="modal-dialog" role="document">-->
                        <!--                                                        <div class="modal-content">-->
                        <!--                                                            <div class="modal-header">-->
                        <!--                                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">-->
                        <!--                                                                    <span aria-hidden="true">&times;</span>-->
                        <!--                                                                </button>-->
                        <!--                                                                <h4 class="modal-title" id="course">审核内容</h4>-->
                        <!--                                                            </div>-->
                        <!--                                                            <div class="modal-body">-->
                        <!--                                                                <p align="center">-->
                        <!--                                                                <form th:action="@{/auditRequest/success/}+${msg.getId()}">-->
                        <!--&lt;!&ndash;                                                                    学号：<p id="stuid"></p><br>&ndash;&gt;-->
                        <!--&lt;!&ndash;                                                                    姓名：<p id="name"></p><br>&ndash;&gt;-->
                        <!--&lt;!&ndash;                                                                    性别：<p id="sex"></p><br>&ndash;&gt;-->
                        <!--&lt;!&ndash;                                                                    权限：<p id="power"></p><br>&ndash;&gt;-->
                        <!--&lt;!&ndash;                                                                    密码：<p id="password"></p><br>&ndash;&gt;-->
                        <!--                                                                        <label id="str"></label>-->
                        <!--                                                                    <button type="submit" class="btn btn-success">提交</button>-->
                        <!--                                                                </form>-->
                        <!--                                                                </p>-->
                        <!--                                                            </div>-->
                        <!--                                                            <div class="modal-footer">-->
                        <!--                                                                <button type="button" class="btn btn-danger" data-dismiss="modal">关闭</button>-->
                        <!--                                                            </div>-->
                        <!--                                                        </div>-->
                        <!--                                                    </div>-->
                        <!--                                                </div>-->
                        <a type="button" class="btn btn-danger" th:href="@{/auditRequest/fail/}+${msg.getId()}">撤销审核</a>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
</body>
</html>
